<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Test 3 | page3 </title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">


  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>消息管理</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li> 
              <li class="breadcrumb-item active">消息管理</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">


        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                	<!-- Responsive Hover Table -->
                	消息列表
                </h3>

                <div class="card-tools">
                  <div class="input-group input-group-sm" style="width: 150px;">
                    <input type="text" name="table_search" class="form-control float-right" placeholder="Search">

                    <div class="input-group-append">
                      <button type="submit" class="btn btn-default">
                        <i class="fas fa-search"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body table-responsive p-0">
                <table class="table table-hover text-nowrap">
                  <thead>
                    <tr>
                      <th>编号</th>
                      <th>事件</th>
                      <th>日期</th>
                      <th>类型</th>
                      <th>内容</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>183</td>
                      <td>创建概述</td>
                      <td>11-7-2014</td>
                      <td><span class="tag tag-success">仅标题</span></td>
                      <td>此项目已经快要过期，请查看是否继续</td>
                      <td>已读 | 未读</td>
                    </tr>
                    <tr>
                      <td>219</td>
                      <td>设计APP</td>
                      <td>11-7-2014</td>
                      <td><span class="tag tag-warning">多选项</span></td>
                      <td>此项目已经快要过期，请查看是否继续.</td>
                      <td>已读 | 未读</td>
                    </tr>
                    <tr>
                      <td>657</td>
                      <td>界面设计</td>
                      <td>11-7-2014</td>
                      <td><span class="tag tag-primary">有内容</span></td>
                      <td>此项目已经快要过期，请查看是否继续.</td>
                      <td>已读 | 未读</td>
                    </tr>
                    <tr>
                      <td>175</td>
                      <td>BUG报告</td>
                      <td>11-7-2014</td>
                      <td><span class="tag tag-danger">仅标题</span></td>
                      <td>此项目已经快要过期，请查看是否继续.</td>
                      <td>已读 | 未读</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
        </div>
        <!-- /.row -->




      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->



</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="js/adminlte.min.js"></script>
</body>
<script type="text/javascript">
	
</script>
</html>

